<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="telephone=no" name="format-detection" />
    <!-- UC默认竖屏 ，UC强制全屏 -->
    <meta name="full-screen" content="yes" />
    <meta name="browsermode" content="application" />
    <!-- QQ强制竖屏 QQ强制全屏 -->
    <meta name="x5-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="x5-page-mode" content="app" />
    <meta name="full-screen" content="yes">
    <link rel="shortcut icon" href="./imgs/peng.jpg" type="image/x-icon">
    <title>用书皮做一张朋友圈封面图</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        html,
        body {
            width: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

        .bookCon {
            position: relative;
            width: 15vw;
            height: 23vw;
            display: inline-block;
            margin: 10px;
            overflow: hidden;
        }

        .book {
            width: 100%;
            border: 1px solid transparent;
            box-shadow: 0 0 5px #000;
            height: 100%;
            position: relative;
            display: inline-block;
            /* pointer-events: none; */
        }

        .hidebook {
            border: 1px solid #bdbdbd;
        }

        #bg {
            border: 1px solid #000;
            opacity: 0;
            position: absolute;
            pointer-events: none;
            left: 0;
            top: 0;
        }

        .myCanvas {
            z-index: 99999;
            position: fixed;
            padding-top: 5vh;
            top: 1vh;
            left: 50%;
            transform: translateX(-50%) scale(0.8);
            border: 1px solid #000;
            opacity: 0;
            width: 90vw;
            pointer-events: none;
            overflow: hidden;
        }

        .select {
            /* border: 1px solid red; */
            /* -webkit-mask-image: image(url('./imgs/selected.png'), skyblue); */
        }

        .select:after {
            content: '';
            background-image: url(./imgs/selected.png);
            background-size: 100% auto;
            width: 10vw;
            /* background: #040404; */
            /* margin: 10px; */
            opacity: 0.8;
            z-index: 1026;
            position: absolute;
            left: 0;
            height: 100%;
            display: block;
            top: 81%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-repeat: no-repeat;
            pointer-events: none;
        }

        .random {
            background: rgb(102, 136, 210);
            padding: 2vw 7vw;
            color: #fff;
            border-radius: 10px;
            text-decoration: none;
            z-index: 99999;
            box-shadow: 0 0 5px #fffefe;
        }

        .btns {
            display: flex;
            justify-content: space-around;
            position: fixed;
            z-index: 99999999;
            width: 100%;
            bottom: 20px;
            align-items: center;
        }

        .clear {
            background: rgb(243, 142, 10);
            padding: 2vw 7vw;
            color: #fff;
            border-radius: 10px;
            text-decoration: none;
            z-index: 99999;
            box-shadow: 0 0 5px #fffefe;
        }

        .download {
            background: #4CAF50;
            padding: 2vw 7vw;
            color: #fff;
            border-radius: 10px;
            text-decoration: none;
            z-index: 99999;
            box-shadow: 0 0 5px #fffefe;
        }

        .pretxt {
            border: 1px solid #777;
            padding: 5px;
            display: inline-block;
            color: #777;
            margin: 5px 10px;
            text-decoration: none;
        }

        a:focus,
        a:hover {
            text-decoration: none;
        }

        .pretxt:focus,
        .pretxt:hover {
            background-color: #4CAF50;
            color: #fff;
        }

        .disable {
            background-color: #bdbdbd;
            pointer-events: none;
        }

        .alert {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
        }

        canvas {
            width: 100%;
        }

        .con {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        .photo {
            z-index: 9999;
            position: fixed;
            padding-top: 5vh;
            top: 1vh;
            left: 50%;
            transform: translateX(-50%) scale(0.8);
            border: 1px solid #000;
            width: 90vw;
            opacity: 1;
            overflow: hidden;
        }

        .photo img {
            width: 100%;
        }

        .photohide {
            opacity: 0;
            pointer-events: none;
        }
    </style>

</head>

<body>
    <div id='wx_pic' style='margin:0 auto;display:none;'>
        <img src='./imgs/peng.jpg' />
    </div>
    <div class="pho-bg" id='container'>
        <div class="con"><a class="bookCon"><img data-src="./imgs/24堂财富课.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img1"></a><a class="bookCon"><img data-src="./imgs/28岁赚千万.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img2"></a><a class="bookCon"><img data-src="./imgs/E·B·怀特随笔.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img3"></a><a class="bookCon"><img
                    data-src="./imgs/一个.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img4"></a><a
                class="bookCon"><img data-src="./imgs/一个人的好天气.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img5"></a><a class="bookCon"><img data-src="./imgs/一个村庄里的中国.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img6"></a><a class="bookCon"><img data-src="./imgs/一个陌生女人的来信.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img7"></a><a class="bookCon"><img
                    data-src="./imgs/一個人住第5年.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img8"></a><a
                class="bookCon"><img data-src="./imgs/一句顶一万句.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img9"></a><a class="bookCon"><img data-src="./imgs/一课经济学.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img10"></a><a class="bookCon"><img data-src="./imgs/万历十五年.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img11"></a><a class="bookCon"><img
                    data-src="./imgs/万水千山走遍.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img12"></a><a
                class="bookCon"><img data-src="./imgs/万物简史.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img13"></a><a class="bookCon"><img data-src="./imgs/三体.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img14"></a><a class="bookCon"><img data-src="./imgs/三体X.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img15"></a><a class="bookCon"><img
                    data-src="./imgs/三杯茶.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img16"></a><a
                class="bookCon"><img data-src="./imgs/上海堡垒.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img17"></a><a class="bookCon"><img data-src="./imgs/世界尽头与冷酷仙境.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img18"></a><a class="bookCon"><img data-src="./imgs/中国历代政治得失.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img19"></a><a class="bookCon"><img
                    data-src="./imgs/中国哲学简史.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img20"></a><a
                class="bookCon"><img data-src="./imgs/中国大历史.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img21"></a><a class="bookCon"><img data-src="./imgs/中国近代史.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img22"></a><a class="bookCon"><img data-src="./imgs/临高启明.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img23"></a><a class="bookCon"><img
                    data-src="./imgs/九人.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img24"></a><a
                class="bookCon"><img data-src="./imgs/乡土中国.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img25"></a><a class="bookCon"><img data-src="./imgs/乡村教师.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img26"></a><a class="bookCon"><img data-src="./imgs/乱翻书.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img27"></a><a class="bookCon"><img
                    data-src="./imgs/亲爱的安德烈.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img28"></a><a
                class="bookCon"><img data-src="./imgs/人类的故事.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img29"></a><a class="bookCon"><img data-src="./imgs/人类简史.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img30"></a><a class="bookCon"><img data-src="./imgs/从一到无穷大.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img31"></a><a class="bookCon"><img
                    data-src="./imgs/优势谈判.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img32"></a><a
                class="bookCon"><img data-src="./imgs/会有天使替我爱你.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img33"></a><a class="bookCon"><img data-src="./imgs/佛祖在一号线.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img34"></a><a class="bookCon"><img data-src="./imgs/你一定爱读的欧洲极简史.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img35"></a><a class="bookCon"><img
                    data-src="./imgs/你在天堂里遇见的五个人.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img36"></a><a
                class="bookCon"><img data-src="./imgs/你的生命有什么可能.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img37"></a><a class="bookCon"><img data-src="./imgs/俗话说.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img38"></a><a class="bookCon"><img data-src="./imgs/偷书贼.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img39"></a><a class="bookCon"><img
                    data-src="./imgs/傅雷家书.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img40"></a><a
                class="bookCon"><img data-src="./imgs/兄弟.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img41"></a><a class="bookCon"><img data-src="./imgs/全球通史.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img42"></a><a class="bookCon"><img data-src="./imgs/全频带阻塞干扰.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img43"></a><a class="bookCon"><img
                    data-src="./imgs/八卦医学史.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img44"></a><a
                class="bookCon"><img data-src="./imgs/八月未央.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img45"></a><a class="bookCon"><img data-src="./imgs/六神磊磊读唐诗.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img46"></a><a class="bookCon"><img data-src="./imgs/共同的底线.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img47"></a><a class="bookCon"><img
                    data-src="./imgs/共悟人间.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img48"></a><a
                class="bookCon"><img data-src="./imgs/冬牧场.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img49"></a><a class="bookCon"><img data-src="./imgs/刀锋.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img50"></a><a class="bookCon"><img data-src="./imgs/创京东.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img51"></a><a class="bookCon"><img
                    data-src="./imgs/务虚笔记.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img52"></a><a
                class="bookCon"><img data-src="./imgs/动物庄园.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img53"></a><a class="bookCon"><img data-src="./imgs/即兴判断.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img54"></a><a class="bookCon"><img data-src="./imgs/历代经济变革得失.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img55"></a><a class="bookCon"><img
                    data-src="./imgs/历史深处的忧虑.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img56"></a><a
                class="bookCon"><img data-src="./imgs/历史的坏脾气.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img57"></a><a class="bookCon"><img data-src="./imgs/受戒.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img58"></a><a class="bookCon"><img data-src="./imgs/台北人.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img59"></a><a class="bookCon"><img
                    data-src="./imgs/史玉柱自述.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img60"></a><a
                class="bookCon"><img data-src="./imgs/周鸿祎自述.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img61"></a><a class="bookCon"><img data-src="./imgs/呼兰河传.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img62"></a><a class="bookCon"><img data-src="./imgs/哈佛女孩刘亦婷.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img63"></a><a class="bookCon"><img
                    data-src="./imgs/哥伦比亚的倒影.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img64"></a><a
                class="bookCon"><img data-src="./imgs/喧哗与骚动.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img65"></a><a class="bookCon"><img data-src="./imgs/四喜忧国.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img66"></a><a class="bookCon"><img data-src="./imgs/围城.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img67"></a><a class="bookCon"><img
                    data-src="./imgs/城南旧事.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img68"></a><a
                class="bookCon"><img data-src="./imgs/墨迹.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img69"></a><a class="bookCon"><img data-src="./imgs/复活.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img70"></a><a class="bookCon"><img data-src="./imgs/大国霸业的兴废.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img71"></a><a class="bookCon"><img
                    data-src="./imgs/大民小国.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img72"></a><a
                class="bookCon"><img data-src="./imgs/大败局.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img73"></a><a class="bookCon"><img data-src="./imgs/大道当然.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img74"></a><a class="bookCon"><img data-src="./imgs/天意.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img75"></a><a class="bookCon"><img
                    data-src="./imgs/天才在左疯子在右.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img76"></a><a
                class="bookCon"><img data-src="./imgs/太平天国.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img77"></a><a class="bookCon"><img data-src="./imgs/失控.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img78"></a><a class="bookCon"><img data-src="./imgs/好好说话.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img79"></a><a class="bookCon"><img
                    data-src="./imgs/如何有效阅读一本书.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img80"></a><a
                class="bookCon"><img data-src="./imgs/如彗星划过夜空.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img81"></a><a class="bookCon"><img data-src="./imgs/妞妞.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img82"></a><a class="bookCon"><img data-src="./imgs/嫌疑人X的献身.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img83"></a><a class="bookCon"><img
                    data-src="./imgs/学会提问.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img84"></a><a
                class="bookCon"><img data-src="./imgs/守得住才叫爱.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img85"></a><a class="bookCon"><img data-src="./imgs/守脑如玉.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img86"></a><a class="bookCon"><img data-src="./imgs/安德的游戏.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img87"></a><a class="bookCon"><img
                    data-src="./imgs/安静的美国人.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img88"></a><a
                class="bookCon"><img data-src="./imgs/寻路中国.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img89"></a><a class="bookCon"><img data-src="./imgs/小强升职记.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img90"></a><a class="bookCon"><img data-src="./imgs/小王子.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img91"></a><a class="bookCon"><img
                    data-src="./imgs/尘埃落定.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img92"></a><a
                class="bookCon"><img data-src="./imgs/带一本书去巴黎.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img93"></a><a class="bookCon"><img data-src="./imgs/带着鲑鱼去旅行.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img94"></a><a class="bookCon"><img data-src="./imgs/平凡的世界.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img95"></a><a class="bookCon"><img
                    data-src="./imgs/年少荒唐.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img96"></a><a
                class="bookCon"><img data-src="./imgs/张晓风精选集.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img97"></a><a class="bookCon"><img data-src="./imgs/当彩色的声音尝起来是甜的.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img98"></a><a class="bookCon"><img data-src="./imgs/徒步中国.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img99"></a><a class="bookCon"><img
                    data-src="./imgs/微纪元.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img100"></a><a
                class="bookCon"><img data-src="./imgs/微观经济学.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img101"></a><a class="bookCon"><img data-src="./imgs/思想国.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img102"></a><a class="bookCon"><img data-src="./imgs/恶意.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img103"></a><a class="bookCon"><img
                    data-src="./imgs/悟空传.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img104"></a><a
                class="bookCon"><img data-src="./imgs/情人.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img105"></a><a class="bookCon"><img data-src="./imgs/我不是教你诈.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img106"></a><a class="bookCon"><img data-src="./imgs/我不是潘金莲.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img107"></a><a class="bookCon"><img
                    data-src="./imgs/我与地坛.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img108"></a><a
                class="bookCon"><img data-src="./imgs/我也有一个梦想.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img109"></a><a class="bookCon"><img data-src="./imgs/我们仨.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img110"></a><a class="bookCon"><img data-src="./imgs/我向百姓说实话.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img111"></a><a class="bookCon"><img
                    data-src="./imgs/我在美国当农民.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img112"></a><a
                class="bookCon"><img data-src="./imgs/我把一切告诉你1.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img113"></a><a class="bookCon"><img data-src="./imgs/我把一切告诉你2.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img114"></a><a class="bookCon"><img data-src="./imgs/我把一切告诉你3.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img115"></a><a class="bookCon"><img
                    data-src="./imgs/我爱问连岳.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img116"></a><a
                class="bookCon"><img data-src="./imgs/我的奋斗.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img117"></a><a class="bookCon"><img data-src="./imgs/我的阿勒泰.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img118"></a><a class="bookCon"><img data-src="./imgs/我读书少，你可别骗我.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img119"></a><a class="bookCon"><img
                    data-src="./imgs/把时间当作朋友.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img120"></a><a
                class="bookCon"><img data-src="./imgs/抗战时代生活史.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img121"></a><a class="bookCon"><img data-src="./imgs/拆掉思维里的墙.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img122"></a><a class="bookCon"><img data-src="./imgs/挪威的森林.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img123"></a><a class="bookCon"><img
                    data-src="./imgs/撒哈拉的故事.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img124"></a><a
                class="bookCon"><img data-src="./imgs/故乡的云.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img125"></a><a class="bookCon"><img data-src="./imgs/故乡相处流传.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img126"></a><a class="bookCon"><img data-src="./imgs/斜屋犯罪.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img127"></a><a class="bookCon"><img
                    data-src="./imgs/新参者.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img128"></a><a
                class="bookCon"><img data-src="./imgs/新宋.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img129"></a><a class="bookCon"><img data-src="./imgs/无人生还.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img130"></a><a class="bookCon"><img data-src="./imgs/无价.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img131"></a><a class="bookCon"><img
                    data-src="./imgs/时生.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img133"></a><a
                class="bookCon"><img data-src="./imgs/明朝那些事儿.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img134"></a><a class="bookCon"><img data-src="./imgs/昨天的云.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img135"></a><a class="bookCon"><img data-src="./imgs/显微镜下的大明.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img136"></a><a class="bookCon"><img
                    data-src="./imgs/智齿.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img137"></a><a
                class="bookCon"><img data-src="./imgs/暗时间.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img138"></a><a class="bookCon"><img data-src="./imgs/月亮与六便士.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img139"></a><a class="bookCon"><img data-src="./imgs/朗读者.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img140"></a><a class="bookCon"><img
                    data-src="./imgs/朝花夕拾.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img141"></a><a
                class="bookCon"><img data-src="./imgs/李敖快意恩仇录.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img142"></a><a class="bookCon"><img data-src="./imgs/极简新药发现史.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img143"></a><a class="bookCon"><img data-src="./imgs/林清玄散文.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img144"></a><a class="bookCon"><img
                    data-src="./imgs/枪炮、病菌与钢铁.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img145"></a><a
                class="bookCon"><img data-src="./imgs/梦里花落知多少.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img146"></a><a class="bookCon"><img data-src="./imgs/槽边往事.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img147"></a><a class="bookCon"><img data-src="./imgs/此间的少年.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img148"></a><a class="bookCon"><img
                    data-src="./imgs/水星播种.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img149"></a><a
                class="bookCon"><img data-src="./imgs/江城.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img150"></a><a class="bookCon"><img data-src="./imgs/江村经济.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img151"></a><a class="bookCon"><img data-src="./imgs/沉默的大多数.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img152"></a><a class="bookCon"><img
                    data-src="./imgs/沸腾十五年.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img153"></a><a
                class="bookCon"><img data-src="./imgs/流浪地球.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img154"></a><a class="bookCon"><img data-src="./imgs/浪潮之巅.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img155"></a><a class="bookCon"><img data-src="./imgs/浮生六记.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img156"></a><a class="bookCon"><img
                    data-src="./imgs/湘行散记.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img157"></a><a
                class="bookCon"><img data-src="./imgs/潜规则.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img158"></a><a class="bookCon"><img data-src="./imgs/激荡三十年.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img159"></a><a class="bookCon"><img data-src="./imgs/激荡十年.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img160"></a><a class="bookCon"><img
                    data-src="./imgs/灿烂千阳.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img161"></a><a
                class="bookCon"><img data-src="./imgs/爱你就像爱生病.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img162"></a><a class="bookCon"><img data-src="./imgs/牛奶可乐经济学.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img163"></a><a class="bookCon"><img data-src="./imgs/牧羊少年奇幻之旅.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img164"></a><a class="bookCon"><img
                    data-src="./imgs/献给阿尔吉侬的花束.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img165"></a><a
                class="bookCon"><img data-src="./imgs/王二的经济学故事.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img166"></a><a class="bookCon"><img data-src="./imgs/王晋康科幻中篇系列.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img167"></a><a class="bookCon"><img data-src="./imgs/玫瑰的名字.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img168"></a><a class="bookCon"><img
                    data-src="./imgs/球状闪电.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img169"></a><a
                class="bookCon"><img data-src="./imgs/生命的不可思议.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img170"></a><a class="bookCon"><img data-src="./imgs/甲骨文.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img171"></a><a class="bookCon"><img data-src="./imgs/白夜行.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img172"></a><a class="bookCon"><img
                    data-src="./imgs/白鹿原.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img173"></a><a
                class="bookCon"><img data-src="./imgs/盗墓笔记.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img174"></a><a class="bookCon"><img data-src="./imgs/目送.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img175"></a><a class="bookCon"><img data-src="./imgs/看见.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img176"></a><a class="bookCon"><img
                    data-src="./imgs/福尔摩斯探案集.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img177"></a><a
                class="bookCon"><img data-src="./imgs/窗边的小豆豆.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img178"></a><a class="bookCon"><img data-src="./imgs/第一炉香.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img179"></a><a class="bookCon"><img data-src="./imgs/第七天.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img180"></a><a class="bookCon"><img
                    data-src="./imgs/精进.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img181"></a><a
                class="bookCon"><img data-src="./imgs/素履之往.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img182"></a><a class="bookCon"><img data-src="./imgs/红楼梦.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img183"></a><a class="bookCon"><img data-src="./imgs/红玫瑰与白玫瑰.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img184"></a><a class="bookCon"><img
                    data-src="./imgs/缘缘堂随笔.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img185"></a><a
                class="bookCon"><img data-src="./imgs/美国最高法院风云.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img186"></a><a class="bookCon"><img data-src="./imgs/美国种族简史.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img187"></a><a class="bookCon"><img data-src="./imgs/联想风云.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img188"></a><a class="bookCon"><img
                    data-src="./imgs/肖申克的救赎.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img189"></a><a
                class="bookCon"><img data-src="./imgs/胡雪岩.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img190"></a><a class="bookCon"><img data-src="./imgs/腾讯传.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img191"></a><a class="bookCon"><img data-src="./imgs/自由在高处.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img192"></a><a class="bookCon"><img
                    data-src="./imgs/苏东坡传.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img193"></a><a
                class="bookCon"><img data-src="./imgs/苏菲的世界.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img194"></a><a class="bookCon"><img data-src="./imgs/英雄的食材和神做法.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img195"></a><a class="bookCon"><img data-src="./imgs/荒废集.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img196"></a><a class="bookCon"><img
                    data-src="./imgs/菊与刀.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img197"></a><a
                class="bookCon"><img data-src="./imgs/蒋廷黻回忆录.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img198"></a><a class="bookCon"><img data-src="./imgs/蔡康永的说话之道.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img199"></a><a class="bookCon"><img data-src="./imgs/血酬定律.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img200"></a><a class="bookCon"><img
                    data-src="./imgs/西方政治思想史.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img201"></a><a
                class="bookCon"><img data-src="./imgs/西潮.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img202"></a><a class="bookCon"><img data-src="./imgs/西班牙旅行笔记.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img203"></a><a class="bookCon"><img data-src="./imgs/觅渡.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img204"></a><a class="bookCon"><img
                    data-src="./imgs/解忧杂货店.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img205"></a><a
                class="bookCon"><img data-src="./imgs/认得几个字.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img206"></a><a class="bookCon"><img data-src="./imgs/记忆像铁轨一样长.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img207"></a><a class="bookCon"><img data-src="./imgs/许三观卖血记.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img208"></a><a class="bookCon"><img
                    data-src="./imgs/谜男方法.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img209"></a><a
                class="bookCon"><img data-src="./imgs/超级符号就是超级创意.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img210"></a><a class="bookCon"><img data-src="./imgs/超越自己.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img211"></a><a class="bookCon"><img data-src="./imgs/趣味生活简史.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img212"></a><a class="bookCon"><img
                    data-src="./imgs/跌荡一百年.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img213"></a><a
                class="bookCon"><img data-src="./imgs/迎男而上.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img214"></a><a class="bookCon"><img data-src="./imgs/这些人，那些事.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img215"></a><a class="bookCon"><img data-src="./imgs/迦陵说词讲稿.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img216"></a><a class="bookCon"><img
                    data-src="./imgs/追风筝的人.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img217"></a><a
                class="bookCon"><img data-src="./imgs/退步集.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img218"></a><a class="bookCon"><img data-src="./imgs/送你一颗子弹.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img219"></a><a class="bookCon"><img data-src="./imgs/野火集.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img220"></a><a class="bookCon"><img
                    data-src="./imgs/金融的逻辑.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img221"></a><a
                class="bookCon"><img data-src="./imgs/银元时代生活史.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img222"></a><a class="bookCon"><img data-src="./imgs/阿勒泰的角落.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img223"></a><a class="bookCon"><img data-src="./imgs/雪国.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img224"></a><a class="bookCon"><img
                    data-src="./imgs/霍乱时期的爱情.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img225"></a><a
                class="bookCon"><img data-src="./imgs/青春散场.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img226"></a><a class="bookCon"><img data-src="./imgs/面纱.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img227"></a><a class="bookCon"><img data-src="./imgs/韩寒五年文集.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img228"></a><a class="bookCon"><img
                    data-src="./imgs/顾中一说.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img229"></a><a
                class="bookCon"><img data-src="./imgs/饥饿的女儿.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img230"></a><a class="bookCon"><img data-src="./imgs/魔鬼搭讪学.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img231"></a><a class="bookCon"><img data-src="./imgs/魔鬼约会学.jpg"
                    src="./imgs/bg.jpg" class="book hidebook" id="img232"></a><a class="bookCon"><img
                    data-src="./imgs/魔鬼经济学.jpg" src="./imgs/bg.jpg" class="book hidebook" id="img233"></a><a
                class="bookCon"><img data-src="./imgs/鲁宾逊漂流记.jpg" src="./imgs/bg.jpg" class="book hidebook"
                    id="img234"></a><a class="bookCon"><img data-src="./imgs/黑客与画家.jpg" src="./imgs/bg.jpg"
                    class="book hidebook" id="img235"></a></div>
    </div>
    <div class="btns">
        <a id='clear' class='clear'>清除已选</a>

        <a id='ping0' class='random disable'>随机选24本</a>

        <a id='ping1' class='download' data-toggle="modal" data-target="#myModal">合并下载</a>
    </div>

    <img src="./imgs/bg.jpg" id='bg' alt="">
    <div class="photo photohide">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
            <strong>请长按图片保存！</strong>
        </div>
    </div>

    <div class="myCanvas" id="myCanvasCon">
        <canvas id="myCanvas" width="100%" height="auto"></canvas>
    </div>



    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        添加文字标题
                    </h4>
                </div>
                <div class="modal-body">
                    <textarea class="form-control" rows="3" id="text" placeholder="输入文字（建议不超过25个字，非必需）"></textarea>
                </div>
                <a class="pretxt">穷一直以来是我保持良好品德和高尚人格的经济基础</a>
                <a class="pretxt">一个人知道自己为什么活 就可以忍受任何一种生活</a>
                <a class="pretxt">多学一样本事，就少说一句求人的话</a>
                <a class="pretxt">如果你在浪费时间里获得了乐趣，那就不是浪费时间</a>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="ping2">不要文字
                    </button>
                    <button type="button" class="btn btn-primary" id="ping">
                        预览下载
                    </button>
                </div>
            </div>
        </div>
    </div>

    <script src="./jquery.min.js"></script>
    <script src="./bootstrap.min.js"></script>
    <!-- <script src="./script1.js"></script> -->
    <script src="./pingImg.js"></script>
</body>

</html>